import { defineStore } from 'pinia'
import { computed, ref } from 'vue'
import { useUserStore } from './user'
// 引入接口
import { insertCartAPI, getCartAPI, deleteCartAPI } from '@/apis/cart/index'

export const useCartStore = defineStore(
  'cart',
  () => {
    // 获取用户token
    const userStore = useUserStore()
    let isLogin = computed(() => userStore.userInfo.token)
    const cartList = ref([]) // 购物车数据
    // 获取最新购物车列表
    const updateNewlist = async () => {
      let res = await getCartAPI() // 获取购物车列表
      // 覆盖本地购物车列表
      cartList.value = res.result
    }
    // 添加购物车
    const addCart = async (goods: any) => {
      const { skuId, count } = goods
      if (isLogin.value) {
        // 登录
        let data = {
          skuId: skuId,
          count: count,
        }
        await insertCartAPI(data) // 加入购物车
        updateNewlist()
      } else {
        // 添加购物车操作
        // 已添加过=>count+1
        // 未添加过=>push
        // 思路：通过匹配传递过来的商品对象中的skuId能不能在cartList中找到，找到了就是添加过
        let item = cartList.value.find((item) => goods.skuId === item.skuId)
        if (item) {
          // 找到
          item.count++
        } else {
          // 未找到
          cartList.value.push(goods)
        }
      }
    }
    // 删除购物车
    const delCart = async (skuId: any) => {
      console.log(skuId)
      if (isLogin.value) {
        // 调用接口实现接口购物车的删除功能
        await deleteCartAPI([skuId])
        let res = await getCartAPI() // 获取购物车列表
        // 覆盖本地购物车列表
        cartList.value = res.result
      } else {
        // 思路：
        //  1.找到要删除项的下标值-splice
        //  2.使用数组的过滤方法 - filter
        const idx = cartList.value.findIndex((item) => skuId === item.skuId)
        cartList.value.splice(idx, 1)
      }
    }
    // 计算总的数量和总价   reduce((a,c) => a + c.count, 0)，其中a表示累加器，默认为0，c表示当前元素，最后面的0也是累加器的初始值
    const allCount = computed(() =>
      cartList.value.reduce((a, c) => a + c.count, 0),
    )
    const allPrice = computed(() =>
      cartList.value.reduce((a, c) => a + c.count * c.price, 0),
    )
    // 单选功能
    const singleCheck = (skuId: any, selected: boolean) => {
      // 通过skuId找到要修改的那一项，然后把它的selected修改为传过来的selected
      let i = cartList.value.find((item) => item.skuId === skuId)
      i.selected = selected
    }
    // 是否全选
    const isAll = computed(() => cartList.value.every((item) => item.selected))
    // 全选功能实现
    const allCheck = (seleted: boolean) => {
      // 把cartList中的每一项的seleted都设置为当前的全选框状态
      cartList.value.forEach((item) => (item.selected = seleted))
    }
    // 列表购物车结算
    //  已选择数量
    const selectedCount = computed(() =>
      cartList.value
        .filter((item) => item.selected)
        .reduce((a, c) => a + c.count, 0),
    )
    //  已选择商品价钱合计
    const selectedPrice = computed(() =>
      cartList.value
        .filter((item) => item.selected)
        .reduce((a, c) => a + c.count * c.price, 0),
    )
    // 清除购物车数据
    const clearCart = () => {
      cartList.value = []
    }
    // 3.以对象的形式把state和action return出去
    return {
      cartList,
      addCart,
      delCart,
      allCount,
      allPrice,
      singleCheck,
      isAll,
      allCheck,
      selectedCount,
      selectedPrice,
      clearCart,
      updateNewlist,
    }
  },
  {
    persist: true,
  },
)
